<!doctype html>
<html lang="zh-cn">
  <%=require('../components/head.ejs')({title: 'expressShipping'}) %>

  <body>
    <style>
      .header nav .sub3 .row {
        flex-direction: column;
        display: flex;
        height: 100%;
        flex-wrap: wrap;
        overflow: hidden;
      }

      .header nav .sub2 .link2 > a {
        padding: 0 10px;
        font-size: 15px;
      }

      .header nav .sub3 .lg-4 {
        float: none;
      }

      .header nav .link4 {
        color: #999;
      }
    </style>

    <%=require('../components/header.ejs')() %>

    <script>
      var scroolHeight = $(window).height(); //屏幕默认高度
      var navHeight = $('.header .item2 .public-header nav').height(); //获取头部导航高度
      var sub2Width = $('.header nav .sub2').width();
      $('.header nav .sub2 .link2').hover(
        function () {
          var rightHiehgt = $(this).children('.sub3').height(); //右边显示块高度
          console.log('----', $('.item2 .baf').height());
          $('.header nav .sub3').css('position', 'fixed');
          $('.header nav .sub3').css('left', 'auto');
          $('.header nav .sub3').css('margin-left', sub2Width);
          $('.header nav .sub3').css('top', 144);
          // $(".header nav .sub3").css("height", scroolHeight - navHeight);
          $('.header nav .sub3').css('height', $('.header nav .sub2').height() + 40);
          if (rightHiehgt > scroolHeight - navHeight) {
            $('.header nav .sub3').css('overflow-y', 'scroll');
          } else {
            $('.header nav .sub3').css('overflow-y', 'hidden');
          }
          $('.header nav .sub3').css('transform', 'translateY(0%)');
        },
        function () {
          $(
            '.header nav ul li .link2:nth-child(10) .sub3, .header nav ul li .link2:nth-child(11) .sub3, .header nav ul li .link2:nth-child(12) .sub3, .header nav ul li .link2:nth-child(13) .sub3, .header nav ul li .link2:nth-child(14) .sub3',
          ).css('transform', 'translateY(-50%)');
        },
      );
    </script>

    <script type="text/javascript">
      var SearchProduct = function (keys) {
        if (keys == '') {
          alert('Please enter your search keywords');
          return;
        }
        $.ajax({
          url: '/IAjax/Ajax.ashx',
          type: 'POST',
          cache: false,
          dataType: 'text',
          data: { action: 'SEARCH', keys: escape(keys) },
          success: function () {
            location.href = '/Search.html?mode=Search&keys=' + escape(keys) + '';
          },
        });
      };
    </script>
    <script>
      var GetCarCount = function () {
        $.ajax({
          url: '/IAjax/Ajax.ashx',
          type: 'POST',
          cache: false,
          dataType: 'json',
          data: { action: 'GetCar' },
          success: function (DataCount) {
            $('.CarNum').html(DataCount);
          },
        });
      };
    </script>

    <!--Banner-->
    <div class="sliders img">
      <a class="rel">
        <img src="./images/68.png" />
        <div class="absolute w-full h-full left-0 top-0">
          <div class="public-body flex-item-center h-full">
            <div class="w-1/2 m1400:w-[60%] lg:w-[70%] md:w-[80%] sm:w-full" hsm="fadel">
              <div
                class="text-30 text-[#000] font-bold mb-20 m1400:text-28 m1400:mb-16 md:text-26 md:mb-14 sm:text-20 sm:mb-10"
              >
                JH Express Shipping from China by Air Freight
              </div>
              <div class="md:hidden">
                <div
                  class="text-[#000] text-14 mb-16 m1400:text-14 m1400:mb-14 md:text-14 md:mb-12 sm:text-12 sm:mb-10"
                >
                  When you are shipping goods from China, there are a couple of situations that require a courier: One
                  of the best options is express courier services because with this service you can get hand delivered
                  packages worldwide within one week.
                  <div class="h-16"></div>
                  You will want to find a trusted shipping company to act as your courier agent. We are in it to be the
                  best company in the business and with us you will always know that your goods, documents, packages and
                  parcels will be well taken care of and handled with care.
                </div>
              </div>
            </div>
          </div>
        </div>
      </a>
    </div>

    <div class="baf ov">
      <div class="common-max-width py-90 lg:py-70 md:py-50 sm:py-30">
        <div class="flex-item-center justify-between sm:flex-col sm:flex-col-reverse">
          <div class="mr-60 md:mr-40 sm:mr-0" hsm="fadel">
            <div class="text-[#3C3C3C] font-bold text-16 leading-26">
              Express shipping from China Step by Step We have tried to kee
            </div>
            <div class="text-[#3C3C3C] text-14 leading-26">
              We have tried to keep the process as easy and painless for you as possible
              <br />
              Below are a few steps that will be required to get your goods shipped:
              <div class="h-16"></div>
              Allow us to give you a quote for your shipping
              <br />
              Quotes can be changed based upon your shipping needs and desires. Again, we will custom make a shipping
              solution for you
              <br />
              Fill out the booking form and submit it
              <br />
              We will work with your supplier and double and triple check all information before we book a spot with a
              carrier
              <br />
              We will work to get your goods to our inland warehouse to prep the shipment for shipping
              <br />
              We confirm all information and chargeable weight
              <br />
              You pay for your shipping cost as agreed
              <br />
              We get your shipment to the courier that you/we have chosen together based on your shipping needs
              <br />
              We handle the rest of everything that is needed to make sure your goods are delivered to the destination
              <div class="h-16"></div>
              Again, as stated we will monitor your shipment to make sure it’s safe, delivered on time and on budget
              <br />
              We will track it and keep you updated every step of the way.
              <br />
              We will always take the time to understand your needs and your business
              <br />
              so that we can always give you the best options that will improve your experience, minimize delays or
              unforeseen circumstances, reduce uncertainty or confusion and reduce your costs.
            </div>
          </div>
          <div class="common-img-scale sm:mb-20" hsm="fader">
            <img src="./images/69.png" />
          </div>
        </div>
      </div>
    </div>

    <div class="public-body py-80 lg:py-60 md:py-40 sm:py-20" hsm="fadeup">
      <div class="text-[#3C3C3C] text-18 font-bold leading-28 mb-6">Main assets of the express service</div>
      <div class="text-[#3C3C3C] text-14 leading-26">
        The express service permits to the companies and individuals to respond to logistics needs as soon as
        possible.<br />
        These are the main assets of this service, which permit to the companies to reach a better competitiveness:<br />
        Speed of delivery (5 to 7 days)<br />
        Reliability and respect of delivery dates<br />
        Tracking system (real-time control)<br />
        Rapid clearance<br />
        Competitive tariff for some destinations
      </div>
    </div>

    <!-- toggle -->
    <%=require('../components/toggle.ejs')({title: 'FAQs on JH Express Shipping', flag: ''}) %>

    <!--Footer-->

    <%=require('../components/footer.ejs')() %>

    <a class="suspension flex" href="mailto:matt@jh-electronica.com" target="_blank">
      <div class="suspension-title">Problem not solved yet ? Talk to the boss!</div>
      <div class="suspension-email">
        <img src="https://www.jh-electronica.com/images/icon-email.png" alt="" />
        <span>matt@jh-electronica.com</span>
      </div>
    </a>

    <script type="text/javascript">
      function AddMessage() {
        var txtEmails = $('#txtEmails').val();
        $.ajax({
          url: '/IAjax/Ajax.ashx',
          type: 'POST',
          cache: false,
          dataType: 'xml',
          data: { action: 'AddMessage', txtEmails: escape(txtEmails) },
          success: function (ReturnData) {
            var state = $('response state', ReturnData).text();
            if (state != 'yes') {
              alert($('response errorinfo', ReturnData).text());
            } else {
              alert('Email submitted successfully!');
              $('#txtEmails').val('');
            }
          },
        });
      }
    </script>

    <div class="fix-bar">
      <div class="item rel">
        <a
          href="//wpa.qq.com/msgrd?v=3&uin=994238146&site=qq&menu=yes"
          target="_blank"
          class="btn db"
          style="background: url(https://www.jh-electronica.com/images/fix_bar_1.png) no-repeat center"
        ></a>

        <div class="info3 tac abs tra">994238146</div>
      </div>

      <div class="item rel">
        <a
          href="skype:86 18108090598?chat"
          target="_blank"
          class="btn db"
          style="background: url(https://www.jh-electronica.com/images/fix_bar_2.png) no-repeat center"
        ></a>

        <div class="info3 tac abs tra">+86 18108090598</div>
      </div>

      <div class="item rel">
        <a
          href="javascript:;"
          class="btn db"
          style="background: url(https://www.jh-electronica.com/images/fix_bar_4.png) no-repeat center"
        ></a>

        <div class="info3 tac abs tra">+86 18108090598</div>
      </div>

      <div class="item rel">
        <a
          href="https://api.whatsapp.com/send?phone=86 18108090598&text=May I help you?"
          target="_blank"
          class="btn db"
          style="background: url(https://www.jh-electronica.com/images/fix_bar_5.png) no-repeat center"
        ></a>

        <div class="info3 tac abs tra">+86 18108090598</div>
      </div>

      <div class="item rel">
        <a
          id="gotop"
          href="javascript:;"
          class="btn db"
          style="background: url(images/fix_bar_6.png) no-repeat center"
        ></a>
      </div>
    </div>

    <!--  -->
    <div class="login wh1 dn">
      <div class="dt wh1">
        <div class="dtcell">
          <div class="con baf f16 rel">
            <div class="row">
              <div class="sm-6">
                <img
                  src="https://www.jh-electronica.com/UserFiles/upload/image/20221116/logo11(3).16修改(3).png"
                  alt=""
                />
              </div>
            </div>
            <div class="fb mt20 mb15">Login your account</div>
            <div class="fb">Account</div>
            <div class="mt10 mb10">
              <input
                class="txt lg-12"
                placeholder="Enter Your E-mail Address"
                type="text"
                name="txtname"
                id="txtname"
              />
            </div>
            <div class="dflr">
              <div class="fb">Password</div>
              <div class="fb">
                <a href="ForgetForEmail.aspx" class="tc">Forgot password?</a>
              </div>
            </div>
            <div class="rel mt10 mb10">
              <div class="password rel">
                <input class="txt lg-12" placeholder="Your Password" type="password" name="txtpwd" id="txtpwd" />
                <!-- <i class="abs">xxx</i>   -->
              </div>
            </div>
            <div class="rel mt10 mb10">
              <label for="logins"><input type="checkbox" name="ckeval" id="logins" />Auto login next time</label>
            </div>
            <div class="tac mt20 mb20">
              <input class="btn cf tcbg f16 fb" type="button" onclick="Login(1);" name="" id="" value="Login" />
            </div>
            <div class="tac">
              Not a member?
              <a href="/Register.html" class="tc">Create an Account</a>
            </div>
            <div class="hide abs f30">x</div>
          </div>
        </div>
      </div>
    </div>
    <script>
      $(function () {
        $('.login-show').click(function () {
          $('.login').fadeIn();
        });
        $('.login .hide').click(function () {
          $('.login').fadeOut();
        });
      });
    </script>

    <script>
      var swiper = new Swiper('.company-news-list-swiper5', {
        spaceBetween: 30,
        breakpoints: {
          425: {
            slidesPerView: 1,
          },
          768: {
            slidesPerView: 2,
          },
          1024: {
            slidesPerView: 3,
          },
        },
        pagination: {
          el: '.swiper-pagination2',
          clickable: true,
        },
      });
    </script>

    <script>
      $(function () {
        $('.i-pro .head .btn a').click(function () {
          $(this).toggleClass('cur').siblings().removeClass('cur');
          $(this).parents('.item-w').find('.more').attr('href', $(this).attr('links'));
          $(this).parents('.item-w').find('ul').eq($(this).index()).addClass('cur').siblings().removeClass('cur');
          return false;
        });
        $('.service-list-i .slick-dots').css({
          opation: 0,
        });
        $('.b-l-l-l').css({
          borderRadius: '8px',
        });
        var timer = null;
        clearTimeout(timer);
        timer = setTimeout(() => {
          $('.service-list-i .slick-dots').css({
            opation: 1,
          });
          $('.b-l-l-l').css({
            height: $('.service-list-i .slick-list').height() + 'px',
          });
        }, 100);

        $(window).resize(function () {
          $('.service-list-i .slick-dots').css({
            opation: 0,
          });
          clearTimeout(timer);
          timer = setTimeout(() => {
            $('.service-list-i .slick-dots').css({
              opation: 1,
            });
            $('.b-l-l-l').css({
              height: $('.service-list-i .slick-list').height() + 'px',
            });
          }, 100);
        });
      });
    </script>

    <!--  -->
  </body>
</html>
